<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/xiaomijinrong.css">
</head>

<body>
    <div class=" col-md-12 header">
        <div class="col-md-6 topbar-left">
            <a href="#" target="_blank">小米网</a>
            <span class="sep">|</span>
            <a href="#" target="_blank">MIUI</a>
            <span class="sep">|</span>
            <a href="#" target="_blank">米聊</a>
            <span class="sep">|</span>
            <a href="#" target="_blank">游戏</a>
            <span class="sep">|</span>
            <a href="#" target="_blank">多看阅读</a>
            <span class="sep">|</span>
            <a href="#" target="_blank">云服务</a>
            <span class="sep">|</span>
            <a href="#" target="_blank">小米网移动版</a>
            <span class="sep">|</span>
        </div>
        <div class="col-md-6 topbar-right">
            <a href="#" target="_blank">登录</a>
            <span class="sep">|</span>
            <a href="#" target="_blank">注册</a>
        </div>
    </div>
    <div class=" contatiner clearfix">
        <div class="logo">
            <img src="images/logo.jpg" alt="" style="width:200px; height:55px;">
        </div>
        <div class="nav-list">
            <ul class="row">
                <li><a href="#">首页</a></li>
                <li class="list-wrap"><a href="#">财富</a>
                    <div class="dropContent">
                        <a href="#">定期活期</a>
                        <a href="#">资金投资</a>
                    </div>
                </li>
                <li><a href="#">贷款</a></li>
                <li><a href="#">资产</a></li>
                <li><a href="#">社区</a></li>
                <li><a href="#">客户端</a></li>
            </ul>
        </div>
    </div>

    <div class="index-banner">
        <p class="slogan">小米用科技畅想金融</p>
        <p class="btn-wrap">
            <a class="u-btn" href="#">下载小米金融APP</a>
        </p>
    </div>
    <div class="container-md">
        <div class="content">
            <div class="yello">
                <!-- <div class="link-list"> -->
                    <img class="picture" src="images/yello.jpg" alt="">
                    <div class="avatar">
                        <p class="t">财富</p>
                        <p class="t">新手最高领888元</p>
                    </div>
                <!-- </div> -->
                <div class="link-list">
                        <p class="item">
                                <span>
                                    小米官网
                                </span>| 米家的综合财富平台
                            </p>
                            <p class="item">
                                <span>
                                    安全可靠
                                </span>| 严控资金，多重风控审核
                            </p>
                            <p class="item">
                                <span>
                                    优质产品
                                </span>| 知名合作伙伴，精选理财产品
                            </p>
                        </div>
            <hr>
                <div class="link-more">
                    <span class="more">了解更多 ></span>
                </div>
            </div>
            <div class="blue">
                <img class="picture" src="images/blue.jpg" alt="">
                <div class="avatar">
                        <p class="t">贷款</p>
                        <p class="t">1分钟放款</p>
                    </div>
                    <div class="link-list">
                            <p class="item">
                                    <span style="color:#4481c8">
                                        借还灵活
                                    </span style="color:#4481c8">| 最高20万，随借随还
                                </p>
                                <p class="item">
                                    <span style="color:#4481c8">
                                        极速放款
                                    </span>| 最快1分钟到账
                                </p>
                                <p class="item">
                                    <span style="color:#4481c8">
                                        超低利率
                                    </span>| 日息万2起，按日计息
                                </p>
                            </div>
                        <hr>
                            <div class="link-more">
                                <span class="more">了解更多 ></span>
                            </div>
            </div>
            <div class="green">
                <img class="picture" src="images/green.jpg" alt="">
                <div class="avatar">
                        <p class="t">保险</p>
                        <p class="t">超低价格，2.3折起</p>
                    </div>
                    <div class="link-list">
                            <p class="item">
                                <span style="color:#0DB27B">
                                    健康检
                                </span>| 精选产品，全面保障
                            </p>
                            <p class="item">
                                <span style="color:#0DB27B">
                                    财产险
                                </span>| 贴心保障，售后无忧
                            </p>
                            <p class="item">
                                <span style="color:#0DB27B">
                                    汽车险
                                </span>| 二次费改，低至2.3折
                            </p>
                        </div>
                        <hr>
                            <div class="link-more">
                                <span class="more">下载小米金融APP ></span>
                            </div>
            </div>
        </div>
    </div>
    <div class="m-footer">
        <div class="clearfix">
            <div class="left">
                <img src="images/foot.jpg" alt="">
                <div  class="container-btn">
                <p><span>帮助中心 </span><span>|</span>
                    <span>关注我们 </span><span>|</span><span> 新浪微博</span></p>
                <p><span>Copyright © mi.com 京ICP备10046444号-7 </span><span>|</span>
                    <span>京公网安备 11010802020134号 <span>|</span><span> 京ICP证110507号 </span>
                    </span></p>
                </div>
            </div>
            <div class="right">
                <p>客服电话 </p>
                <p class="number">400-100-3399 </p>
                <p class="dec">周一至周日 9:00-19:00(仅收市话费) </p>
            </div>
        </div>
    </div>
</body>

</html>